<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="description" content="">
    <meta name="author" content="">    
	<meta name="keywords" content="上上策后台">	
	<title>玩精灵后台</title>	
	<link rel="shortcut icon" href="favicon.ico" />	
	<link rel="stylesheet" type="text/css" href="../css/lqcss.css">
	<link rel="stylesheet" type="text/css" href="../css/lqpublic.css">
	<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="../js/lqjs.js"></script>	
	<script type="text/javascript" src="../js/jquerysession.js"></script>
	<script type="text/javascript" src="http://img9.tongzhuo100.com/js/jquery.form.min.js"></script>
	<!--[if (gte IE 6)&(lte IE 10)]>
	  <link href="css/lqcssie.css" rel="stylesheet" type="text/css">
	  <link href="css/lqpublicie.css" rel="stylesheet" type="text/css">
	<![endif]-->
</head>

	<body>
		<div class="container">
		<!-- 主体部分 -->
			<div class="containermain">
				<!-- 头部 -->
				<div id="header">
					<div class="header">
						<div class="logo">
							<img class="logoimg" src="../images/icologo@3x.png" alt="玩精灵">
							<h2 class="logotext">玩精灵</h2>
						</div>
						<h2 class="biaoyu">欢迎登录后台管理系统</h2>
						<div class="userdiv">
							<div class="userde">
								<img class="userimg" src="../images/icologo@3x.png" />
								<span class="username">Admin</span>
								<i class="icoup"></i>
							</div>
							<!-- 账户信息 -->
							<div id="userdetils">
								<p class="usertext"><i class="userico"></i>账户:18989876567</p>
								<a class="userbtn originbtn">退出登录</a>
							</div>
						</div>
					</div>
				</div>

				<!-- 内容 -->
				<div id="main2">
					<!-- 新建图文 -->
					<div class="tuwenediter">
						<h2 class="divtitle">修改家长资料</h2>
						<!-- 内容 -->
						<div class="contentdiv">	
						<!-- action="http://47.98.54.197:8084/manager/article/addArticle"   -->
					<form enctype="multipart/form-data" method="post" id="articleForm" target="nm_iframe"> 						
							<div class="content_p">
								<label class="content_lable">头像</label>
								<span class="content_inputdiv2">
									<img id="wenpic" src="../images/addimg.png" >
 			<input id="upload" name="file" accept="image/*" type="file" style="display: none"/>

								</span>
							</div>
							<div class="content_p">
								<label class="content_lable">家长姓名:</label>
								<span class="content_inputdiv"><input id="name" type="text" name="name" ></span>
							</div>
							<div class="content_p">
								<label class="content_lable">宝宝姓名:</label>
								<span class="content_inputdiv"><input id="name" type="text" name="name" ></span>
							</div>
							<div class="content_p">
								<label class="content_lable">关系:</label>
								<span class="content_inputdiv"><input id="name" type="text" name="name" ></span>
							</div>
							<!-- <div class="content_p">
								<label class="content_lable">生日:</label>
								<span class="content_inputdiv"><input id="name" type="text" name="name" ></span>
							</div> -->

							<!-- <div class="content_p">
								<label class="content_lable">类型:</label>
								<span class="content_inputdiv3">
								<input id="usertypeinp" readonly="readonly" type="text" value="" name="type" placeholder="请选择" />
								<i class="icotype"></i>
								<div class="usertype">
									<div class="userli userlied" sid="">大咖</div>
									<div class="userli" sid="">大师</div>
									<div class="userli" sid="">投资评价</div>
									<div class="userli" sid="">名家分享</div>
									<div class="userli" sid="">图解财经</div>
								</div>
								</span>  
							</div> -->
							<!-- <div class="content_p">
							<label class="content_lable">作者描述:</label>
							<span class="content_inputdiv"><input id="contenttitle" type="text" name="discription" ></span>
							</div> -->
							<!-- <div class="content_p">
								<label class="content_lable">背景图</label>
								<span class="content_inputdiv2">
									<img id="wenpic2" src="../images/addimg.png" > -->
 							<input id="upload2" name="backgroundImage" accept="image/*" type="file" style="display: none"/>

							<!-- 	</span>
							</div> -->
							<input type="hidden" id="authorSid" name="authorSid" >
							<!-- 按钮组 -->
							<div class="contentbtns">
								<input id="baocun" class="originbtn" type="submit" name="" value="保存">
							</div>
						</form>
						</div>						
					</div>
					
				</div>
			</div>
			
		</div>
<script type="text/javascript">
$(".username").html($.session.get("loginName"));
var sid = $.session.get("sid");
var rank = $.session.get("rank");
$("#rank").val(rank);
$(".usertext").html('<i class="userico"></i>账户:'+$.session.get("loginName")+'');
$("#authorSid").val(sid);
// console.log($("#authorSid").val());

//判断登录状态
var sid = $.session.get("sid");
console.log(sid);
if(sid==null || sid == undefined){
	//未登录
	$(".userbtn").html('登录');
	xcsoft.error('请登录！',3000);//提示语
}
console.log('类型'+ typeof sid);

//查看用户账户信息
$(".userde").click(function(){
	$("#userdetils").toggle(500);
	setTimeout(function(){
		console.log("123");
		$("#userdetils").hide(500);
	},3000);
});

//文章
$(".content_inputdiv3").click(function(){
		$(".usertype").toggle(300);
	});

$("#authorname").focus(function(){
		$(".usertype").hide(300);
	})
$(".userli").click(function(){
		console.log('分类');
		$(this).addClass('userlied').siblings().removeClass('userlied');
			$("#usertypeinp").val($(this).html());
			// $("#articleSid").val($(this).attr('sid'));
			console.log($("#usertypeinp").val());
	})

////获取传过来的id
var sid=''; //接收页面传参
function getvalue(){
///test2.html?parm1=myimg1&parm2=myimg2 
//获得第一个属性 
//
//decodeURI 解码
var url=decodeURI(location.href);
var tmp1=url.split("?")[1]; 
var tmp2=tmp1.split("&")[0]; 
var tmp3=tmp2.split("=")[1]; 
var parm1 = tmp3;//第一个参数
sid = parm1;
console.log('文章sid='+sid);
}
getvalue();//获得文章sid

//作者详情
authorde();
function authorde() {
 	// body...
 	$.ajax({
		type: "get",
		url: url+"author/oneAuthor",
		data:{
			'authorSid': sid
		},
		success: function(data){
			console.log(data);
			var authorde = data.data;	
			console.log(authorde);
			if(data.code=='2000'){		
				$('#wenpic').attr('src',authorde.avatar); //头像
				$('#name').val(authorde.name); //名字
				$('#usertypeinp').val(authorde.type); //作者类型
				$('#contenttitle').val(authorde.discription); //作者描述
				$('#wenpic2').attr('src',authorde.discription); //背景图片
				$('#authorSid').val(authorde.sid);
			}else{
				console.log('系统错误');
			}
		}
	})
 } 



//退出登录
$(".userbtn").click(function(){
	console.log('登出');
	$.ajax({
		type: "post",
		url: url+"manager/loginOut",
		success: function(data){
			// console.log(data);
			if(data.code=='2000'){				
				console.log('成功登出');	
				$.session.clear();						
				window.location.href="login.html"; 	
			}else{
				$.session.clear();						
				window.location.href="login.html"; 	
			}
		}
	})
})
//单选框
var sore;
sore = $('.checkedi').attr('sore');
$('#sore').val(sore);//状态赋值
console.log(sore);//1启动，2未启动
//状态样式选中切换
$(".labelp").click(function(){
    $(this).addClass(" checkedi").siblings().removeClass(' checkedi');
    sore = $(this).attr('sore');
    $('#sore').val(sore);
    console.log($('#sore').val());
})

$(".username").html($.session.get("loginName"));
$(".usertext").html('<i class="userico"></i>账户:'+$.session.get("loginName")+'');



//修改作者，提交表单
$(document).ready(function() { 
 	console.log('url'+url);
 	// console.log($('input[name = abc]:checked').val());
                    var options = { 
                        // target:        '#output1',   // 用服务器返回的数据 更新 id为output1的内容.
                        beforeSubmit:  showRequest,  // 提交前
                        success:       showResponse,  // 提交后 
                        //另外的一些属性: 
                        url:       url+"author/modifyAuthor",         // 默认是form的action，如果写的话，会覆盖from的action. 
                        //type:      type        // 默认是form的method，如果写的话，会覆盖from的method.('get' or 'post').
                        //dataType:  null        // 'xml', 'script', or 'json' (接受服务端返回的类型.) 
                        clearForm: true,        // 成功提交后，清除所有的表单元素的值.
                        resetForm: true        // 成功提交后，重置所有的表单元素的值.
                        //由于某种原因,提交陷入无限等待之中,timeout参数就是用来限制请求的时间,
                        //当请求大于3秒后，跳出请求. 
                        //timeout:   3000 
                    }; 
                 
                    //'ajaxForm' 方式的表单 .
                    // $('#myForm').ajaxForm(options);  
                    //或者 'ajaxSubmit' 方式的提交.
                    $('#articleForm').submit(function() {                   	
                       $(this).ajaxSubmit(options); 
                       return false; //来阻止浏览器提交.
                    }); 

                    //图片预览
                    $("#wenpic").click(function () {
                    	console.log("图片");
						$("#upload").click(); //隐藏了input:file样式后，点击头像就可以本地上传
						$("#upload").on("change",function(){
						var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径，该路径不是图片在本地的路径
						if (objUrl) {
						$("#wenpic").attr("src", objUrl) ; //将图片路径存入src中，显示出图片
						// upfile(objUrl,'T');
						}
						});
					});
					//图片预览
                    $("#wenpic2").click(function () {
                    	console.log("图片");
						$("#upload2").click(); //隐藏了input:file样式后，点击头像就可以本地上传
						$("#upload2").on("change",function(){
						var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径，该路径不是图片在本地的路径
						if (objUrl) {
						$("#wenpic2").attr("src", objUrl) ; //将图片路径存入src中，显示出图片
						// upfile(objUrl,'T');
						}
						});
					});
                }); 
    // 提交前
              function showRequest(formData, jqForm, options) { 
                 	// 利用formData参数，验证不为空
			    	  // var titleValue = $('input[name=title]').fieldValue();
					   // var fileValue = $('input[name=file]').fieldValue();
					   // if (!fileValue[0]) {
					   //    alert('请填写完整数据！');
					   //    return false;
					   // }
					
                 // formdata是数组对象,在这里，我们使用$.param()方法把他转化为字符串.
                  var queryString = $.param(formData); //组装数据，插件会自动提交数据
                  alert(queryString); //类似 ： name=1&add=2  
                  return true; 
                } 
 
              //  提交后
            function showResponse(responseText, statusText)  { 
                   // alert('状态: ' + statusText + '\n 返回的内容是: \n' + responseText); 
                   if(responseText.code == '2000'){
                   		console.log('提交成功');
                   		window.location.reload(); //刷新页面，清空数据
                   		alert('提交成功');
                   }else{
                   		console.log('提交失败');
                   }
             } 
</script>
	</body>
	</html>